#include("_layout.html")
#@layout()

### ********************************* 定义页面标题
#define title()
案例
#end

### ********************************* css导入
#define import_css()
#end

### ********************************* js导入
#define import_js()
#end

### ********************************* Body内容区开始
#define body()

<!-- case-content -->
<div class="case-content">
	#adPlaceList(code="uc_case")
		#for(adPlace : adPlaceList)
			#if(adPlace.style=="banner")
	<div class="banner">
				#adList(placeId=adPlace.id)
					#for(ad : adList)
		<div class="img-text #if(for.index > 0)active#end">
			<img src="#(ad.img)" alt="">
			<h3>#(ad.title)<br>
				<span>#(ad.subtitle)</span>
			</h3>
		</div>
					#end
				#end
	</div>
			#end
		#end
	#end
	<div class="imgtext-flow">
		<div class="layui-fluid pb50">
			<div class="layui-row item-list-box layui-clear" id="item-list-box" style="margin: 0">
<!-- end case-content -->
	#docCategoryList(id=2)
		#for(docCategory : docCategoryList)
			#docPage(categoryId=docCategory.id)
				#for(doc : docPage.list)
				<div class="layui-col-xs12 layui-col-sm6 layui-col-md6">
					<div class="item">
						<img src="#(doc.img)" alt="">
						<div class="item-text">
							<h3>#(doc.title)</h3>
						<span>#date(doc.editedTime, "yyyy-MM-dd")</span>
						</div>
					</div>
				</div>
				#end
			#end
		#end
	#end
				<div class="layui-flow-more">没有更多了</div>
			</div>
		</div>
	</div>
</div>
#end
### ********************************* Body内容区结束

### ********************************* 脚本区开始
#define script()
<script type="text/javascript">
	layui.config({
		base : '#(ctx_theme)/static/js/' //你存放新模块的目录，注意，不是layui的模块目录
	})
	.use([ 'common', 'flow', 'laytpl', 'element' ], function() {
		var common = layui.common, flow = layui.flow, laytpl = layui.laytpl, element = layui.element, $ = layui.$;

		$('.app-header-menuicon').on('click', function() {
			$('.header-down-nav').toggleClass('down-nav')
		})
		$('.case-content .banner .img-text').on('click', function() {
			if ($(this).hasClass('active')) {
				$(this).removeClass('active')
					.siblings('.img-text')
					.addClass('active')
			} else {
				$(this).addClass('active')
					.siblings('.img-text')
					.removeClass('active')
			}
		})
	});
</script>
#end
### ********************************* JS脚本区结束